import { Card } from 'antd'
import ReactECharts from 'echarts-for-react'
import { useState } from 'react'
function LeaseChart() {
  const [option] = useState({
    legend: {
      top: 'bottom'
    },
    series: [
      {
        name: '租赁情况',
        type: 'pie',
        radius: [20, 60],
        center: ['50%', '40%'],
        roseType: 'area',
        itemStyle: {
          borderRadius: 8
        },
        data: [
          { value: 40, name: '在营' },
          { value: 38, name: '已租' },
          { value: 32, name: '出租' },
          { value: 30, name: '续签' },
          { value: 28, name: '新签' },
          { value: 26, name: '待租' },
          { value: 22, name: '退租' }
        ]
      }
    ]
  })
  return (
    <>
      <Card title="租赁情况" variant="borderless">
        <ReactECharts option={option} style={{ height: '200px' }} />
      </Card>
    </>
  )
}

export default LeaseChart
